import { Node } from '@antv/x6'
import { Input } from 'antd'
const { TextArea } = Input

export const Remark = ({ node }: { node: Node }) => {
  const value = node.getData()
  return (
    <TextArea
      style={{
        backgroundColor: 'rgba(95,149,255,0)',
        border: 'none',
        outline: 'none',
        boxShadow: 'none',
        fontSize: '14px',
        // fontWeight: 'bold',
        height: 'auto',
        resize: 'none',
      }}
      rows={5}
      value={value.remark}
      placeholder="请输入备注"
      maxLength={200}
      autoSize
      onChange={(val) =>
        node.setData({
          remark: val.target.value,
        })
      }
    />
  )
}
